//控制一行显示个数
	var view =8;
	//系统CD
	var appCd= "";
	//确定按钮点下
	function checkSelect() {
		var ids = "";
		var names = "";
		$("#selectValue").children().each(function(i) {
			if ($(this).attr("id") != null && $(this).attr("id") != "") {
				ids = ids+$(this).attr("id")+",";
				var id= $(this).attr("id");
				$("#"+id+" span").remove();
				names = names +$(this).html()+",";
			}
		});
		//$("#accountList").empty();
		parent.setRoleInfo(ids,names);
	}
	//清除按钮事件
	function checkRemoveAll(){
		$("#selectValue").children().each(function(i) {
			if ($(this).attr("id") != null && $(this).attr("id") != "") {
				$("span").remove("#" + $(this).attr("id"));
				removeSelect($(this).attr("id"));
			}
		});
	}
	
	$(function() {
		$("#selectCount").val(0);
		//初始化选择人员信息
		//重上级页面得到选中的人员。然后中写入到人员信息中去
		var info = parent.getRoleInfo();
		if(info!=undefined && info !=null){
			var ids="",names="";
			if(info.ids !=null && info.ids !=""){
				ids =  info.ids.substring(0,info.ids.length-1);
				names = info.names.substring(0,info.names.length-1);
			}
			if(ids != ""){
				var ids_ = ids.split(",");
				var names_ = names.split(",");		
				for(var i=0;i<ids_.length;i++){
					selectRole(ids_[i], names_[i]);
				}
			}
			//系统ID的取得
			appCd = info.appCd;
		}
		//初始化角色下拉列表
		$("#roles").combobox({
			url:rolehelper_+"?appCd="+appCd+"&jsoncallback=?",
			valueField:"id",
			textField:"roleNm"
		});
		
		
		$('#roleList').datagrid({
			url : roleinfo_+'?appCd='+appCd+"&jsoncallback=?",
			width : 610,
			height : 390,
			pagination : true,
			rownumbers : true,
			fitColumns : true,
			idField : 'id',
			//选中时触发的事件
			onSelect : function(index, row) {
				onUnSelect(row.id, row.roleNm, "on");
			},
			//取消选中时触发
			onUnselect : function(index, row) {
				onUnSelect(row.id, row.roleNm, "un");
			},
			//选中全部时触发
			onSelectAll : function(rows) {
				onUnSelectAll(rows, "on");
			},
			//取消选中全部时触发
			onUnselectAll : function(rows) {
				onUnSelectAll(rows, "un");
			},
			//加载成功时添加选中的行
			onLoadSuccess : function() {
				$("#selectValue").children().each(function(i) {
					if ($(this).attr("id") != null && $(this).attr("id") != "") {
						$("#roleList").datagrid("selectRecord",$(this).attr("id"));
					}
				});
			}

		});
	});

	//选择或取消事件
	function onUnSelect(id, label, type) {
		var flag = true;
		$("#unSelectValue").children().each(function(i) {
			if ($(this).attr("id") == id) {
				$("span").remove("#" + id);
				removeSelect(id);
				flag=false;
			}
		});
		if(flag){
			if (type == "on") {
				var flag = true;
				$("#selectValue").children().each(function(i) {
					if ($(this).attr("id") == id) {
						flag = false;
					}
				});
	
				if (flag) {
					selectRole(id,label);
				}
	
			} else if (type == "un") {
					//清除掉换行标志
					$("#selectValue br").remove();
					//清除掉选中的行
					$("span").remove("#" + id);
					//统计重0开始
					$("#selectCount").val(0);
					//重新计算布局
					var list = new Array();
					var count = 0;
					$("#selectValue").children().each(function(i) {
						if ($(this).attr("id") != null && $(this).attr("id") != "") {
							list[count] = this;
							count++;
						}
					});
					for ( var i = 0; i < list.length; i++) {
						if (parseInt($("#selectCount").val()) > view) {
							$("<br>").appendTo("div[id=selectValue]");
							$(list[i]).appendTo("div[id=selectValue]");
							$("#selectCount").val(1);
						} else {
							$(list[i]).appendTo("div[id=selectValue]");
							$("#selectCount")
									.val(parseInt($("#selectCount").val()) + 1);
						}
		
					}
			}
		}

	}

	//全部选择或取消事件
	function onUnSelectAll(rows, type) {
		for ( var i = 0; i < rows.length; i++) {
			onUnSelect(rows[i].id, rows[i].roleNm, type);
		}
	}

	//移除选中的行
	function removeSelect(id) {
		//判断是否在本页面
		var flag = true;
		var rows = $("#roleList").datagrid("getRows");
		//得到所在行的索引
		for ( var i = 0; i < rows.length; i++) {
			if (rows[i].id == id) {
				$("#roleList").datagrid('unselectRow', i);
				flag = false;
			}
		}
		if (flag) {
			$("span").remove("#" + id);
			var info = "<span id='" + id+ "'></span>";
			$(info).appendTo("div[id=unSelectValue]");

			//清除掉换行标志
			$("#selectValue br").remove();
			//统计重0开始
			$("#selectCount").val(0);
			//重新计算布局
			var list = new Array();
			var count = 0;
			$("#selectValue").children().each(function(i) {
				if ($(this).attr("id") != null && $(this).attr("id") != "") {
					list[count] = this;
					count++;
				}
			});
			for ( var i = 0; i < list.length; i++) {
				if (parseInt($("#selectCount").val()) > view) {
					$("<br>").appendTo("div[id=selectValue]");
					$(list[i]).appendTo("div[id=selectValue]");
					$("#selectCount").val(1);
				} else {
					$(list[i]).appendTo("div[id=selectValue]");
					$("#selectCount")
							.val(parseInt($("#selectCount").val()) + 1);
				}
			}
		}
	}
	
	//设置人员选择信息
	function selectRole(id,label){
		var info = "<span id='"
			+ id
			+ "' onclick='removeSelect(this.id)' style='width:100px;font-size:12px;cursor:pointer;'>"
			+ label
			+ "<span class='tree-dnd-no'  style='padding-left: 25px;width:10px;height:10px;cursor:pointer;'></span></span>";
	if (parseInt($("#selectCount").val()) > view) {
		info = "<br>" + info;
		$("#selectCount").val(1);
	} else {
		$("#selectCount")
				.val(parseInt($("#selectCount").val()) + 1);
	}
	$(info).appendTo("div[id=selectValue]");
	}